import Taro, { Component } from '@tarojs/taro'
import { View,  Text } from '@tarojs/components'
import PropTypes from 'prop-types'

import './tips.scss'

/**
 * @description 自定义弹出提示（仿头条）
 * @author huangkh
 */
class MyTips extends Component {

    constructor(props){
        super(props)
    }

    render() {
        const { title, textArr, btnText ,tipShow, onHideTip } = this.props
        return (
            <View className={tipShow ? 'mytips-container' : 'h'} onClick={onHideTip()}>
                <View className='mytips-bg'></View>
                <View className='mytips-content'>
                    <View className='mytips-title'>
                        <Text>{title}</Text>
                    </View>
                    <View className='mytips-texts'>
                        {
                            textArr.map((item,index)=>{
                                return (
                                    <View className='mytips-text' key={'mytip_' + index}><Text>{item}</Text></View>
                                )
                            })
                        }
                    </View>
                    <View className='mytips-btn'>
                        <Text>{btnText}</Text>
                    </View>
                </View>
            </View>
        )
    }
}

MyTips.propTypes = {
    title : PropTypes.string.isRequired,
    textArr : PropTypes.array.isRequired,
    btnText : PropTypes.string.isRequired,
    tipShow : PropTypes.bool.isRequired,
    onHideTip : PropTypes.func.isRequired
}

MyTips.defaultProps = {
    title : '标题',
    textArr : [],
    btnText : '我知道了',
    tipShow : false,
    onHideTip : ()=>{}
}

export default MyTips